<template>
    <div class="menuHead">
        <img src="./images/back.png" alt="" class="leftImg">
        菜谱
        <img src="./images/search.png" alt="" class="rightImg">
    </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="less">
    .menuHead{
        height: 1rem;
        line-height: 1rem;
        background: #f4d02b;
        font-size: .3rem;
        font-weight: bold;
        position: relative;
        .leftImg{
            position: absolute;
            top: 50%;
            left:20px;
            transform: translateY(-50%);
        }
        .rightImg{
            position: absolute;
            top: 50%;
            right:20px;
            transform: translateY(-50%);
        }
    }
</style>